// 女士上装
$("span").eq(0).click(function() {
	$("ul").eq(0).slideToggle(500, function() {
		
	})
});
// $("span").eq(0).mouseleave(function() {
// 	$("ul").eq(0).hide(1000, function() {})
// });
// 女士下装
$("span").eq(1).click(function() {
	$("ul").eq(1).slideToggle(500, function() {})
});
// $("span").eq(1).mouseleave(function() {
// 	$("ul").eq(1).hide(500, function() {})
// });
// 衣服颜色
$("span").eq(2).click(function() {
	$("ul").eq(2).slideToggle(500, function() {})
});
// $("span").eq(2).mouseleave(function() {
// 	$("ul").eq(2).hide(500, function() {})
// });
// 衣服尺码
$("span").eq(3).click(function() {
	$("ul").eq(3).slideToggle(500, function() {})
});
// $("span").eq(3).mouseleave(function() {
// 	$("ul").eq(3).hide(500, function() {})
// });
// 价格
$("span").eq(4).click(function() {
	$("ul").eq(4).slideToggle(500, function() {})
});

// 图片渲染

// let xhr = new XMLHttpRequest();
// xhr.open("get","./goodsAndShoppingCart/getGoodsList.php?typeId=002");
// xhr.send();
// xhr.onreadystatechange = function(){
// 	if(xhr.status == 200 && xhr.readyState == 4){
// 		getList(xhr.responseText);
// 	}
// }


// function getList(res){
	
// 	let data = JSON.parse(res) ;
// 	console.log(data);
// }

$.ajax({
	url:"./goodsAndShoppingCart/getGoodsList.php",
	
	method: "GET",
	data:{"typeId":"002"},
	dataType: "json",
	success: function(data) {
		console.log(data)

		let oUl = $(".shop");

		for (let i = 0; i < data.length; i++) {

			let li = $("<li></li>");

			let str = `
							<a href="cart.html?id=${data[i].goodsId}">
								<img src="${data[i].goodsImg}" >
								<h3>快速浏览</h3>
								<h4>${data[i].goodsName}</h4>
								<p>${data[i].goodsDesc}</p>
								<span>${data[i].goodsPrice}元</span>
								<img src="${data[i].beiyong1}">
							</a>
						`
			li.html(str); // li.innerHTML = str;
			oUl.append(li);
		}
	},
	errot: function() {
		console.log("err")
	}
});